プレースホルダー Placeholder
目的
ヒント Hint
を提供すること
ユーザー入力値と違うデザイン
実際の値では無いため、区別を明確に
例
グレーアウト
必ずしも使う必要はない
Label ラベル UI
と似ているもの
Form フォーム UI
内に表示する場合
ユーザーが入力すると消える
内容を忘れる
入力済と勘違いする
コントラスト
が低く低く読みにくい
途中で途切れる可能性あり
長い場合、
Form フォーム UI
の上、
Label ラベル UI
の下に配置
メリット
スペースの節約